<!doctype html>
<html>
<head>
    <meta charset=utf-8>
    <title>小北问答</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <br>

        {% with messages = get_flashed_messages() %}
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-info">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}
        {% endwith %}

        <div class="jumbotron">
            <h1>小北问答</h1>
            <p><b>1202 · 贵校限定版</b></p>
            <br>
            <p>开始之前请输入你的Token：</p>
            <form action="?" method="post">
                <div class="input-group input-group">
                    <input type="text" class="form-control" name="token" placeholder="Token">
                    <span class="input-group-btn">
                        <button class="btn btn-primary" type="submit">开始测验</button>
                    </span>
                </div>
            </form>
        </div>
        
    </div>
</body>
</html>